body {
    color: #333;
    font: 12px/1.5 "Arial","SimSun","Tahoma","Helvetica","sans-serif";
    text-align: left;
}
//mainheader 区域里的水平导航条mainnavbox start
#cat1,#cat2,#cat3,#cat4,#cat5{
    border-left-color: #b5e0fe;
}
#cat6,#cat7{
    border-left-color:#eec999;
}
#cat8,#cat9{
    border-left-color:#ffa2ae;
}
#cat10,#cat11{
    border-left-color:#c4aba9;
}
#cat12,#cat13,#cat14{
    border-left-color:#d8f2b5;
}
.gpoint{
    background: url(../images/ui_b.png) no-repeat scroll -483px -141px;
    text-indent: -99px;
    height: 10px;
    line-height: 10px;
    width: 7px;
    position: absolute;
    right:6px;
    top: 9px;
}
.fb{font-weight: 700;}
.mainheader-img{
    background: url(../images/ui-x.png) repeat-x scroll 0 129px;
}
.wbox:after{
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.mainnavbox{
    height: 41px;
    .wbox{
        margin-bottom: 0;
        position: relative;
        z-index: 9991;
        .sidecategory{
            background-color: #fff;
            border:1px solid #e6e6e6;
            display: inline;//块元素转为行元素
            float: left;
            width: 198px;
            position: relative;
            z-index: 999;
            h2.category-title{
                margin: 0 10px 0 13px;
                position: relative;
                a{
                    display: block;
                    color: #333;
                    cursor: pointer;
                    font-family: "微软雅黑";
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 39px;
                    text-decoration: none;
                }
                .ico-updown{
                    background: url(../images/ui_b.png) no-repeat scroll 0 0;
                    background-position: -380px -44px;
                    height: 9px;
                    width: 12px;
                    overflow: hidden;
                    position: absolute;
                    top: 15px;
                    right: 0;
                }
                .ico-cate-side{
                    background: url(../images/ui_b.png) no-repeat scroll 0 0;
                    height: 39px;
                    width: 4px;
                    position: absolute;
                    top: 0;
                    left: -14px;
                }
            }
            .listnav{
                background: #fff;
                border:1px solid #E6E6E6;
                border-top: 0 none;
                border-left: 0 none;
                display: none;//全部商品分类隐藏
                width: 199px;
                position: absolute;
                left: -1px;
//              top: 0;//写与不写的区别 参考点在哪里？
                .js-categoryshow{
                    height: auto;
                    min-height: auto;
                }
                .categorylist{
                    position: relative;
                    z-index: 1;
                    li{
                        border-left:4px solid #ccc999;
                        height: 30px;
                        line-height: 30px;
                        h3{
                            border-top:1px solid #fff;
                            border-bottom: 1px solid #fff;
                            color:#333;
                            height: 28px;
                            line-height: 28px;
                            overflow: hidden;
                            padding: 0 0 0 12px;
                            word-break: break-all;//使其容器如DIV的内容自动换行。 
                            position: relative;
                            z-index: 667;
                            a{
                                color:#333;
                                font-size: 14px;
                                display: inline-block;
                                margin-right: 6px;
                                &:hover{
                                    color:#c00;
                                    text-decoration: underline;
                                }
                            }
                            a.hotLink{
                                display: inline-block;
                                height: 15px;
                                line-height: 15px;
                                padding:0 4px;
                                color:#fff;
                                font-size: 12px;
                                background: #df6161;
                                border-radius: 1px;
                                position: relative;
                                bottom:1px;
                                z-index: 1;
                                &:hover{
                                    color:#fff;
                                }
//                              &:visited{
//                                  background: #c00;
//                                  color:#fff;
//                                  font-weight: normal;
//                              }
                            }
                        }
                    }
                }
            }
            .lisbg{
                background: #333;
                height: 450px;
                width: 200px;
                position: absolute;
                left: 0;
                top: 41px;
                z-index: 1000;
                opacity: 0.9;
            }
            .lisnav{
                height: 450px;
                width: 200px;
                position: absolute;
                left: 0;
                top: 41px;
                z-index: 9999;
                h3{
                    height: 30px;
                    line-height: 30px;
                    width: 170px;
                    overflow: hidden;
                    white-space: nowrap;
                    margin-left: 1px;
                    padding-left: 14px;
                    a{
                        color:#fff;
                        display: inline-block;
                        font-family: "微软雅黑";
                        font-size: 14px;
                        font-weight: 200;
                        margin-right: 3px;
                    }
                }
                li.bgw{
                    h3{
                        a{
                            color:#333;
                            &:hover{
                                color: #E3101E;
                            }
                        }
                    }
                }
            }
        }
        .mainnav{
            float: left;
            height: 41px;
            max-width: 793px;
            overflow: hidden;
            li{
                float: left;
                line-height: 37px;
                overflow: hidden;
                position: relative;
                text-align: center;
                a{
                    display: block;
                    color:#000;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    padding: 0 18px 0 20px;
                    text-decoration: none;
                    &:hover{
                        border-bottom: 4px solid #c00;
                        color: #E3101E;
                        text-decoration: none;
                    }
                }
            }
             li.navcur{
                 border-bottom: 4px solid #c00;
                 color: #c00;
             }
        }
    }
}
//隐藏侧边区域
.fullcategory{
    display: block;
    width: 740px;
    min-height: 420px;
    background: #f8f8f8;
    border:1px solid #E6E6E6;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05), 5px 5px 5px rgba(0, 0, 0, 0.05), 5px -5px 5px rgba(0, 0, 0, 0.05);//渐变效果
    position: absolute;
    left: 199px;
    top: 0;
    .category{
        background: #fff;
        float: left;
        width: 535px;
        padding: 10px 0 0;
        position: relative;
        z-index: 50;
        dl{
            min-height: 415px;
            padding: 0 0 0 10px;
        }
        dt a,dt{
            position: relative;
            z-index: 55;
            color: #333;
            text-align: right;
            width: 92px;
            font-size: 12px;
            font-weight: 700;
            line-height: 19;
        }
    }
}

//mainheader 区域里的水平导航条mainnavbox end
//nSearchWarp start
.nSearchWarp{
    margin: 0 auto;
    width: 1200px;
}
.hot-tj{
    background: #F8F8F8;
    border-left:2px solid #c00;
    margin:15px 0 12px;
    padding:15px 0;
    position: relative;
    .icon_tj{
        color:#c00;
        float: left;
        width: 18px;
        font:18px/20px "Microsoft YaHei";
        margin: 9px 10px 0 30px;
        letter-spacing: 20px;
        word-wrap: break-word;
    }
}
.hot-list{
    height: 100px;
    overflow: hidden;
    .item{
//      display: inline;//个人建议：这个不应该设置！有时间在研究看看。
        float: left;
        width: 255px;
        margin-left: 23px;
    }
    .qq{
        display: block;
        font-size: 0;
        height: 98px;
        width: 98px;
    }
    .pic{
        float: left;
        border:1px solid #ececec;
        margin-right:10px;
        .qq;
        img{
            display: block;
            font-size: 0;
            height: 98px;
            width: 98px;
        }
    }
    .name{
        height: 48px;
        line-height: 16px;
        overflow: hidden;
        word-break: break-all;
        word-wrap: break-word;
    }
    .price{
        color:#c00;
        font:700 12px/18px Arial;
        padding:6px 0;
    }
    .btn{
        .buy{
            background: #fff;
            border:1px solid #ddd;
            color: #666;
            display: inline-block;
            font:12px/20px Simsun;
            height: 20px;
            padding: 0 10px;
        }
    }
}

.nSearch-crumb{
    padding: 5px 0 10px;
}
.nSearch-crumb-clearFacets{
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    color: #666;
    display: none;
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 2px 0 -2px;
    text-align: center;
    width: 67px;
}
.nSearch-crumb-tit-category{
    color: #333;
    float: left;
    font-family: "microsoft YaHei";
    font-size: 17px;
    font-weight: 700;
    margin-right: 9px;
}
.nSearch-crumb-category::before{
    background: url(../images/search.png) no-repeat scroll 0 0;
    background-position: -50px -205px;
    content: '.';
    float:left;
    height: 9px;
    width: 5px;
    margin: 7px 0 0 -14px;
}
.nSearch-crumb-category .category-name::before{
    background: url(../images/search.png) no-repeat scroll 0 0;
    background-position: -50px -225px;
    content: '.';
    float:left;
    height: 7px;
    width: 13px;
    margin: 8px -18px 0 -15px;
}
.nSearch-crumb-category:hover .category-name::before{
    background: url(../images/search.png) no-repeat scroll 0 0;
    background-position: -50px -225px;
    content: '.';
    float:right;
    height: 7px;
    width: 13px;
    margin: 8px -18px 0 -15px;
}
.nSearch-crumb-category:hover .category-name::before{
    background-position: 0px -225px;
}
.nSearch-crumb-category{ 
    border:1px solid #ddd;
    float: left;
    height: 22px;
    margin:2px 10px 0;
    .category-name{
        background: #fff;
        cursor: pointer;
        float: left;
        line-height: 22px;
        padding:0 25px 0 8px;
        white-space: nowrap;//禁止文字自动换行
    }
    .category-box{
        background: #fff;
        border:1px solid #fff;
        display: none;
        width: 350px;
        line-height: 22px;
        padding:12px 0 12px 8px;
        position: absolute;
        left: -1px;
        top: 21px;
        z-index: 3;
        a{
            color:#666;
            float: left;
            width: 65px;
            margin-right: 5px;
            overflow: hidden;
            white-space: nowrap; //禁止文字自动换行
            text-overflow: ellipsis;//溢出文本显示省略号
            &:hover{
                color:#c00;
            }
        }
    }
}
.categoryHover{
    .category-box{
        border:1px solid #c00;
        display: block;
    }
}
#category-second .category-name::before{
    display: none;
}
#category-second .category-name{
    padding-right: 8px;
}

.nSearch-crumb-category-results{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 34px;
    line-height: 34px;
    .nFont14{
        color:#5e5e5e;
        font-weight: 700;
        padding-right: 12px;
    }
    .nHeigh{
        padding: 0 10px;
    }
}

//nSearchWarp end

//品牌
.nSearch-facets{
    margin-bottom: 20px;
}
.facets-category{
    background: url(../images/facetBg_grey_default.png) repeat-y scroll 0 0;
    border-bottom: 1px solid #ddd;
    line-height: 34px;
    padding:0 135px 0 110px;
    //价格
    .fc-key{
        color: #5E5E5E;
        display: block;
        float: left;
        width: 110px;
        margin-left: -86px;
    }
    .fc-content{
        overflow: hidden;
    }
}
#facets-category-brand{
    line-height: 28px;
    padding-bottom: 4px;
    padding-top: 4px;
}
//收起
.fc-option{
    float: right;
    width: 125px;
    margin: 6px -125px 0 0;
}
//更多
.fc-option-more{
    cursor: pointer;
    display: none;
    float: right;
    height: 20px;
    line-height: 20px;
    width: 50px;
    text-align: center;
    i{
        background: url(../images/search.png) no-repeat scroll -47px -219px;
        border:1px solid #dad9d9;
        float: right;
        height: 18px;
        width: 18px;
    }
}
//多选
.fc-option-multiple{
   border:1px solid #dad9d9;
   cursor: pointer; 
   float: right;
   height: 18px;
   line-height: 18px;
   width: 45px;
   text-align: center;
   margin-left: 10px;
   
}
.fc-option-multiple::after{
    color: #aaa;
    content: '+';
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-top: 1px;
    margin-right: -3px;
    margin-left: 1px;
}
.fc-visiable{
    visibility: hidden;
}
//已选
.category-brand-hasCheck{
    display: none;
    margin-top: 10px;
    padding-left: 36px;
    .hasCheckedTit{
        margin-left: -36px;
        width: 36px;
    }
}
//确定
.fc-btn-box{
    display: none;
    line-height: 20px;
    padding: 13px 0 10px;
    text-align: center;
}
.fc-btn-ok{
    background: #c00;
    border:1px solid #c00;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 9px;
    vertical-align: middle;
}
.fc-disable,.fc-disable:hover{
    background: #f8f8f8;
    border-color: #e6e6e6;
    color: #ccc;
}
//取消
.fc-btn-cancel{
    background: #fff;
    border:1px solid #ddd;
    color:#333;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding: 0 9px;
    vertical-align: middle;
}
//复选区域
.nSearch-facets .multiSelectStatus, #nSearch-facets-search .multiSelectStatus{
    background: url(../images/faceBg.png) repeat-y scroll 0 0;
    border:2px solid #eac600;
    margin-top: 1px;
    position: relative;
}
.multiSelectStatus .c-brand i{
    display: block;
}
.category-normal{
    height: 40px;
    overflow: hidden;
    ul{
        margin-top: 3px;
        li{
            float: left;
            padding-right: 20px;
        }
        a{
            color:#06c;
            padding:5px 10px;
            &:hover{
                color:#fff;
                background: #3385ff;
            }
        }
        a.hover{
            color:#fff;
            background: #3385ff;
        }
    }
}
//更多选项（操作系统,功能特点）
.fccc-control-warp{
    border-top: 1px solid #ddd;
    margin-top: -1px;
    text-align: center;
    transition: all 0.1s ease 0s;
    span{
        cursor: pointer;
    }
}
.fccc-control::before{
    background: url(../images/search.png) no-repeat scroll -50px -225px;
    content: '';
    float: right;
    height: 7px;
    width: 13px;
    margin: 11px -15px 0 0;
}
.fccc-control{
    border:1px solid #ddd;
    border-left:1px solid #fff;
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-top: -1px;
    max-width: 335px;
    overflow: hidden;
    padding: 0 30px 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.1s ease 0s;
}
.show .fccc-control{
    display: none;
}
.show .fccc-up{
    display: inline-block;
}
.fccc-up{
    border:1px solid #ddd;
    border-left:1px solid #fff;
    color: #5e5e5e;
    display: none;
    height: 28px;
    line-height: 28px;
    margin-top: -1px;
    overflow: hidden;
    padding: 0 30px 0 15px;
    transition: all 0.1s ease 0s;
}
.fccc-up::after{
    background: url(../images/search.png) no-repeat scroll 0 -225px;
    content: '';
    float: right;
    height: 7px;
    width: 13px;
    margin: 11px -15px 0 0;
}
//.category-brand .c-brand i复选框样式设置
.category-brand{
    margin: 10px 0;
    max-height: 125px;
    overflow-y: auto;
    padding-bottom: 1px;
    .brand-hide{
        display: none;
    }
    .brand-text{
        color: #06c;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 108px; 
    }
    .c-brand{
        float: left;
        height: 40px;
        line-height: 40px;
        margin: 0 -1px -1px 0;
        overflow: hidden;
        position: relative;
        width: 110px;
        &:hover{
            border-color: #e3101e;
            position: relative;
            z-index: 2;
        }
        a{
            padding:0;
        }
        i{
            background: url(../images/search.png) no-repeat scroll -20px -90px;
            display: none;
            float: left;
            height: 14px;
            width: 14px;
            margin: 7px 5px 0 0;
        }
    }
    a{
        color:#06c;
    }
    li{
        &:hover{
            a{
                color: #c00;
            }
        }
    }
}
.category-brand-f-letter{
    color:#06c;
    display: none;
    height: 34px;
    margin-top: 4px;
    li{
        border:1px solid #fff;
        cursor: pointer;
        float: left;
        height: 22px;
        line-height: 22px;
        padding: 0 5px;
        margin-right: 5px;
    }
    .all{
        font-family: simsun;
    }
    .cur{
        border:1px solid #c00;
        color:#c00;
    }
}
//商品区域
//右侧
.product-right-box{
    float: right;
    width: 198px;
    margin-right: -208px;
    overflow: hidden;
}
//推广商品
.prd-right-normal{
    margin-bottom: 10px;
    .hd{
        border-top: 2px solid #A5A5A5;
        border-left:1px solid #E6E6E6;
        border-right:1px solid #E6E6E6;
        border-bottom:0 none;
        font:14px/32px Microsoft YaHei;
        height: 32px;
        padding-left: 10px;
    }
    .bd{
        border:1px solid #E6E6E6;
        border-top: 0 none;
        padding: 0 10px;
    }
    .buy-items{
        line-height: 18px;
        padding: 10px 0;
        text-align: center;
    }
    .pic{
        height: 130px;
        width: 130px;
        margin: 0 auto 7px;
    }
    .price{
        color: #c00;
        font:400 18px/30px Arial;
        text-align: left;
    }
    .name{
        height: 36px;
        overflow: hidden;
        text-align: left;
        word-break: break-all;
        word-wrap: break-word;//能使其容器如DIV的内容自动换行
        a{
            color: #5E5E5E;
            text-align: left;
        }
    }
}

.prd-right-normal .pic, .prd-right-normal .bd img{
    height: 130px;
    width: 130px;
}

//左侧 商品上半部分
.filter-top{
    background: #F3F3F3;
    height: 26px;
    line-height: 24px;
    padding: 6px 10px;
}
.filter-order-box{
    background: #fff;
    border:1px solid #ccc;
    float: left;
    height: 24px;
    a{
        outline: 0 none;
        padding: 6px 20px;
        text-decoration: none;
    }
    li{
        cursor: pointer;
        float: left;
        height: 24px;
    }
    li.cur{
        background: #c00;
        border:1px solid #c00;
        margin: -1px;
        a{
            color: #fff;
        }
    }
}
//价格计算
.filter-priceRange-box{
    border: 1px solid #F3F3F3;
    float: left;
    height: 22px;
    width: 100px;
    margin: -6px 0;
    padding: 5px 10px 8px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    li{
        float: left;
    }
}
.priceRange-input{
    input{
        border:1px solid #ccc;
        color: #A5A5A5;
        float: left;
        font-family: arial;
        width: 42px;
        height: 24px;
        line-height: 24px;
        text-align: left;
        text-indent: 5px;
    }
}
.priceRange-link{
    float: left;
    padding: 0 3px;
}
.priceRange-btn{
    display: inline-block;
    float: none;
    width: 42px;
    margin: 8px 4px 0 2px;
}
//清除
.fc-btn-cancel{
    background: #fff;
    border:1px solid #ddd;
    color: #333;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 9px;
    vertical-align: middle;
}
//确定 同上  .fc-btn-ok 商品区域区域的确定 按钮 。

//在结果区域搜索
.filter-resultSearch-box{
    border: 1px solid #ccc;
    display: inline;
    float: left;
    height: 24px;
    overflow: hidden;
}
.filter-resultSearch-input{
    background: #fff;
    border:1px solid #ccc;
    border-right: 0 none;
    color: #A5A5A5;
    float: left;
    font-family: verdana,"宋体";
    height: 24px;
    width: 96px;
    text-indent: 5px;  
}
.filter-resultSearch-btn{
    background: #f8f8f8;
    color: #5E5E5E;
    float: left;
    height: 24px;
    width: 42px;
    text-align: center;
}
//上部分页
.min-pager-box{
    float: right;
}
.min-pager-next, .min-pager-prev{
    background: #fff;
    border: 1px solid #ccc;
    color: #c00;
    float: right;
    font-family: simsun;
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    width: 30px;
    margin-left: -1px;
    text-align: center;
}
.mp-disable{
    background: #F8F8F8;
    border-color: #ddd;
    color: #ccc;
    cursor: default;
}
//页码
.min-pager-number{
    color: #888;
    float: right;
    font-size: 14px;
    padding-right: 11px;
}
.filter-bottom{
    background: #fff;
    border:1px solid #f3f3f3;
    height: 26px;
    padding: 4px 10px;
}
.filter-adress-box{
    float: left;
    height: 26px;
}
//送至
.filter-adress-tit{
    float: left;
    line-height: 26px;
    padding-left: 15px;
}
//北京市东城区全部区域
.filter-adress-stock{
    border:1px solid #ccc;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    a{
        color: #5E5E5E;
    }
    .space{
        background: #fff;
        display: none;
        height: 10px;
        left: 0;
        position: absolute;
        top: 20px;
        width: 100%;
        z-index: 3;
    }
}
.filter-adress-icon{
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-top: 4px solid #666;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    vertical-align: middle;
}
//隐藏区域城市
.gCity{
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 5px 1px #d3d3d3;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 27px;
    width: 520px;
    z-index: 999;
    a{
        background: #fff;
        color: #5e5e5e;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis;
        &:hover{
            color: #06c;
            text-decoration: none;
        }
    }
}
.gctBox{
    color: #ccc;
    line-height: 50px;
    margin: 8px 0 0;
    text-align: center;
    width: 100%;
    a{
        line-height: 26px;
        padding: 3px 5px;
    }
    &:hover{
        background: #c00;
        color: #fff;
    }
    span{
        float: left;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        padding-left: 8px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 95px;
    }
}
#ctbox_3 span {
    overflow: visible;
    padding-right: 25px;
    width: auto;
}
.gctSelect{
    border-bottom: 1px solid #e6e6e6;
    a{
        border-color: #fff #fff #e6e6e6;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        bottom: -1px;
        color: #06c;
        float: left;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        padding: 0 0 0 10px;
        position: relative;
        z-index: 1;
        &:hover{
            color: #06c;
        }
        b,i{
            float: left;
            font-weight: 400;
        }
    }
    a.cur{
        border-bottom: 1px solid #fff;
        border-color: #e6e6e6 #e6e6e6 #fff;
        color: red;
    }
}
.gctSelect a i{
    background:url(../images/ui_b.png) no-repeat scroll -468px -40px;
    display: inline-block;
    height: 4px;
    margin: 11px 5px 0;
    overflow: hidden;
    width: 6px;
}
.gctSelect a.cur i{
    background-position: -462px -40px;
}
.gctSelect a.close{
    background:url(../images/ui_b.png) no-repeat scroll -384px -74px;
    border: 0 none;
    float: right;
    height: 12px;
    padding: 0;
    width: 12px;
    &:hover{
        background-position: -396px -74px;
    }
}
//国美配送
.filter-label-box{
    float: left;
    height: 26px;
    line-height: 26px;
    .gmform-label{
        cursor: pointer;
        padding-left: 15px;
    }
    .iic{
        background:url(../images/search.png) no-repeat scroll -20px -90px;
        display: inline-block;
        height: 14px;
        width: 14px;
        margin-top: -3px;
        margin-right: 5px;
        vertical-align: middle;
    }
}
.filter-label-specialScreening{
    color: #c00;
    font-weight: 700;
}
.product-lists{
    margin-top: 10px;
    .product-item{
        border:1px solid #fff;
        float: left;
        width: 220px;
        overflow: hidden;
        padding: 21px 9px 0;
        transition: border 0.1s ease 0s;
        &:hover{
            border-color:#CC0000;
            box-shadow: 0 0 1px #CC0000;
            position: relative;
            z-index: 2;
        }
    }
}
.arbitrage{
    height: 21px;
    margin-bottom: 10px;
}
.product-item{
    .item-pic{
        height: 270px;
        width: 220px;
        text-align: center;
    }
    .item-name{
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        padding: 0 5px;
        word-break: break-all;
        word-wrap: break-word;
    }
    .item-price{
        height: 20px;
        line-height: 20px;
        margin: 13px 5px 5px;
        overflow: hidden;
        em,span{
        color:#c00;
        font-family: arial;
        font-weight: 400;
        height: 20px;
        margin-right: 5px;
        }
        em{
            font-size: 20px;
            font-weight: 700;
            b{
                font-size: 20px;
                margin-right: 2px;
                vertical-align: middle;
            }
        }
        span{
            font-size: 16px;
            font-weight: normal;
            text-decoration: line-through;
            b{
                font-size: 20px;
                margin-right: 2px;
                vertical-align: middle;
            }
        }
    }
}

.item-promotional-language{
    background: #fff;
    color:#c00;
    height: 20px;
    line-height: 20px;
    margin-top: -20px;
    padding: 0 5px;
    position: relative;
    overflow: hidden;
}
.item-comment-dispatching{
    height: 28px;
    line-height: 28px;
    margin-top: 3px;
    padding: 0 5px;
    .dispatching{
        float: right;
    }
    .comment{
        background: url(../images/search.png) no-repeat scroll -51px 2px;
        color: #06c;
        font-weight: 700;
        padding-left:18px;
    }
}
.item-option{
    line-height: 24px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    .add-contrast{
        background: url(../images/search.png) no-repeat scroll 0 -35px;  
        cursor: pointer;
        display: inline;
        float: left;
        font-size: 0;
        height: 26px;
        width: 64px;
        margin-right: -1px;
        overflow: hidden;
    }
    .add-collection{
        border:1px solid #ddd;
        cursor: pointer;
        float: left;
        height: 24px;
        width: 60px;
        margin-right: -1px;
    }
    .add-cart{
        border:1px solid #ddd;
        color: #CC0000;
        cursor: pointer;
        float: left;
        height: 24px;
        width: 84px;
    }
}
.item-pic-small-box{
    overflow: hidden;
    padding: 5px 15px 8px;
    .icon-prev{
        background: url(../images/search.png) no-repeat scroll 0 0;   
        float: left;
        height: 10px;
        width: 6px;
        margin: 10px 0 0 -10px;
        overflow: hidden;
    }
    .icon-next{
        background: url(../images/search.png) no-repeat scroll -10px 0; 
        float: right;
        height: 10px;
        margin: 10px -10px 0 0;
        overflow: hidden;
        width: 6px;
    }
}
.item-pic-small-wrap{
    height: 32px;
    width: 185px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    .imgList{
         position: relative;
         width: 999px;
         li{
             border:1px solid #E6E6E6;
             float: left;
             margin: 0 3px 0 2px;
         }
    }
}
.item-shop{
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    .nname{
        display: none;
    }
}
//分页
.product-pager{
    
}
.pager a, .pager span, .pager label, .pager button{
    float: left;
}
.pager a, .pager span.cur{
    background: #fff;
    border:1px solid #ddd;
    color: #5E5E5E;
    font:400 12px/30px arial;
    height: 30px;
    min-height: 4px;
    padding:0 12px;
    margin: 0 0 0 -1px;
    position: relative;
    z-index: 0;
}
.page s{
    position: absolute;
}
.pager{
    float: right;
    height: 32px;
    margin-right: 19px;
    margin-bottom: 30px;
    padding-top: 35px;
    position: relative;
    .prev{
        font-size: 12px;
        width: 40px;
        padding: 0 8x 0 21px;
    }
    .next{
        font-size: 12px;
        width: 40px;
        padding:0 21px 0 8px;
        s{
            background: url(../images/search.png) no-repeat scroll -30px 0;
            height: 10px;
            overflow: hidden;
            height: 10px;
            width: 6px;
            right: 10px;
            top: 10px;
            position: absolute;
        }
    }
    .disable{
        background: #f8f8f8;
        color: #ccc;
        cursor: default;
    }
    span.cur{
        background: #f8f8f8;
        border:1px solid #E6E6E6;
        color: #A5A5A5;
        font-weight: 500;
        text-decoration: none;
        z-index: 10;
    }
    .placeholder{
        border-bottom: 1px dotted;
        height: 16px;
        width: 16px;
        margin: 0 8px;
        overflow: hidden;
    }
    .txt-wrap{
        color:#959595;
        line-height: 30px;
        margin: 0 5px 0 10px;
    }
    .txt{
        border:1px solid #ccc;
        color: #5E5E5E;
        height: 18px;
        line-height: 18px;
        width: 32px;
        margin: 0 5px;
        padding: 4px 0;
        text-align: center;
        vertical-align: middle;
    }
    .btn{
        background: #F8F8F8;
        border:1px solid #ddd;
        color:#5E5E5E;
        cursor: pointer;
        height: 26px;
        line-height: 28px;
        width: 42px;
        margin-top: 2px;
        padding: 0;
        text-align: center;
    }
}

































